<!DOCTYPE html>
<html>
<?php
echo $this->render('common/header.phtml');
?>
	<body>
	    <div class="bg">
		<?php
		echo $this->render('common/navi.phtml');
		?>
		<div class="scroll-outer" id="scroll-outer">
			<a class="motel-enter" href="<?php echo APPLICATION_ACTION_PATH;?>/about"></a>
			<div class="scroll-inner">
				<ul>
					<?php
					$sliders = $this->slider;
					$sliderTable = $this->sliderTable;
					$count = 0;
					foreach ($sliders as $slider) {
                        $imageUrl = $slider[$sliderTable->imageUrl];
                        if ($count == 0) {
					?>
					<li><img id="firstImg" src="<?php echo $imageUrl;?>" />
					</li>
					<?php
                        } else {
                    ?>
                    <li><img style="visibility: hidden;" src="<?php echo $imageUrl;?>" />
					</li>
                    <?php
                        }
					    $count++;
					}
					?>
				</ul>
			</div>
		</div>
		<?php
		echo $this->render('common/footer.phtml');
		?>
		<?php
		echo $this->render('common/script.phtml');
		?>
		</div>
	</body>
</html>